<!--
 * @Author       : 邱狮杰
 * @Date         : 2021-09-02 11:45:05
 * @LastEditTime : 2021-09-08 14:27:51
 * @FilePath     : /smallnewhope/src/page/played/index.vue
 * @Description  : 
-->
<script setup lang="ts">
import { Mask } from "/@/components";
import startTheFestivalReunionPlan from "/@/assets/images/startTheFestivalReunionPlan.png";
import playedGames from "/@/assets/images/playedGames.png";
function toGame() {
  // window.open('https://act.yoois.com/zt/qr2/index.php?i=3&logout=1#/home')
  location.href = 'https://act.yoois.com/zt/qr2/index.php?i=3&logout=1#/home'
}
</script>
<template>
  <div class="played">
    <Mask />
    <img :src="playedGames" alt="startTheFestivalReunionPlan" class="playedGames" />
    <img
      @click="toGame"
      :src="startTheFestivalReunionPlan"
      alt="startTheFestivalReunionPlan"
      class="startTheFestivalReunionPlan"
    />
  </div>
</template>
<style lang="scss" scoped>
.played {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url("../../assets/images/gameDescriptionBkg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  .startTheFestivalReunionPlan {
    position: absolute;
    top: 427px;
    left: 50%;
    z-index: 101;
    transform: translateX(-50%);
    width: 235px;
    height: 46px;
  }
  .playedGames {
    position: absolute;
    top: 244px;
    left: 50%;
    z-index: 101;
    transform: translateX(-50%);
    width: 252px;
    height: 127px;
  }
}
</style>
